import { View, Image, Text } from "@tarojs/components";
import Taro, { FC } from "@tarojs/taro";
import styles from "./index.module.less";
const Classify: FC = () => {
  return (
    <View className={styles["menu-wrapper"]}>
      <View
        className={styles["menu-item"]}
        onClick={() => {
          Taro.navigateTo({
            url: "/pages/people-list/index?gender=1&title=好男生",
          });
        }}
      >
        <Image
          className={styles["img"]}
          src={require("@/assets/img/man.png")}
        />
        <Text>好男生</Text>
      </View>
      <View
        className={styles["menu-item"]}
        onClick={() => {
          Taro.navigateTo({
            url: "/pages/people-list/index?gender=2&title=好女生",
          });
        }}
      >
        <Image
          className={styles["img"]}
          src={require("@/assets/img/woman.png")}
        />
        <Text>好女生</Text>
      </View>
      <View className={styles["menu-item"]}>
        <Image
          className={styles["img"]}
          src={require("@/assets/img/lianai.png")}
        />
        <Text>我们恋爱了</Text>
      </View>
      <View className={styles["menu-item"]}>
        <Image
          className={styles["img"]}
          src={require("@/assets/img/jiehun.png")}
        />
        <Text>我们结婚了</Text>
      </View>
    </View>
  );
};

export default Classify;
